import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)



const router = new VueRouter({
  routes: [
    { path: '/', redirect: '/login' },
    { path: '/login', component: () => import('../components/Login.vue') },
    {
      path: '/home', redirect: '/weclome', component: () => import('../components/Home.vue'),
      children: [{
        path: '/weclome', component: () => import('../components/Weclome.vue'),
      }, {
        path: '/users', component: () => import('../components/user/Users.vue'),
      },
      {
        path: '/rights', component: () => import('../components/power/Rights.vue'),
      },
      {
        path: '/roles', component: () => import('../components/power/Roles.vue'),
      },
      {
        path:'/categories',component:()=>import('../components/goods/Cate.vue')
      },
      {
        path:'/goods',component:()=>import('../components/goods/Goods.vue')
      },
      {
        path:'/params',component:()=>import('../components/goods/Params.vue')
      }
    
      ]
    },

  ]
})
// 挂载路由导航守卫
router.beforeEach((to, from, next) => {
  //to 将要访问的路径
  //from 代表从哪个路径跳转而来
  //next 是一个函数，表示放行
  //next() 放行 next('/login') 强制跳转
  if (to.path === '/login') return next();
  const tokenStr = window.sessionStorage.getItem('token')
  if (!tokenStr) return next('/login')
  next()
})

export default router
